/**
 * Created by shaotingzhou on 2017/5/17.
 */
import React, { Component } from 'react';
import {
    AppRegistry,
    StyleSheet,
    Text,
    View,
    ListView,
    Image,
    TouchableOpacity,
    Platform,
    Dimensions
} from 'react-native';
import ContractInfo from '../ContractInfo/contractInfo'
var {width,height} = Dimensions.get('window');

export default class OrderDetailsItem extends Component{
    render() {
        return (
            <TouchableOpacity onPress={()=>this.selectedItem()} style={{}}>

                <View style={{borderWidth:1,marginBottom:5,marginLeft:8,marginRight:8,borderColor:'#DEDEDE',backgroundColor:'white',width:width-16}}>
                    <Text style={{marginLeft:5,marginTop:10}}>合同号: 234567765434567</Text>
                    <View style={{flexDirection:'row',marginLeft:5,marginTop:13,marginBottom:10}}>
                        <Text style={{fontSize:14,color:'#BDBDBD'}}>摘要: 表演权合同款</Text>
                        <Text style={{fontSize:14,color:'rgba(135,195,74,1.0)',marginLeft:60}}>金额: 12344</Text>
                        <Image source={require('../../../image/右箭头.png')} style={{width:20,height:15,position:'absolute',right:10,marginTop:-10}} />
                    </View>
                </View>
            </TouchableOpacity>

        );
    }

    selectedItem =() =>{
        this.props.navigator.push({
            component:ContractInfo
        })
    }

};


var styles = StyleSheet.create({
    container: {
        flex: 1,
        backgroundColor: '#F5FCFF',
    },
    welcome: {
        fontSize: 20,
        textAlign: 'center',
        margin: 10,
    },
    instructions: {
        textAlign: 'center',
        color: '#333333',
        marginBottom: 5,
    }
});